/*
Theme Name: IT Professionals
Theme URI: http://www.zdproductions.com/
Version: 1.0
Description: Designed by ZD Productions.
Author: ZD Productions
Author URI: http://www.zdproductions.com
Tags: zdproductions
Copyright: (c) 2011 ZD Productions.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Info boxes
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity forms
-6.5 Timeline page template
-------------------------------------------------------------------------------------------*/
/*
SITE COLORS
Vibrant blue: #0dbfe5
Hover Yellow: #fbee7d
Text Grey: #b0b0b0
Textarea BG: #434343
Border Color: #444444
Orange: #EE8A2C
*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px Arial, Helvetica,Sans-serif; color: #b0b0b0; background-color: #171717; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Myriad Pro, Helvetica,Sans-serif; color: #0dbfe5; font-weight:normal; }
h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; font:14px/24px Arial, Helvetica,Sans-serif; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px;}
/* 1.2 Hyperlinks */
a:hover {text-decoration:none ; color: #fbee7d; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0dbfe5; }
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #fbee7d; text-decoration: none; border:none !important; }
.floatleft {float:left; }
.floatright {float:right; }
.clear { clear:both; }
.clearfloat { clear:both; }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#bg { background:url(images/home-bg.jpg) repeat-x top center ; min-height: 643px; width: 100%; }
#bg-texture { background: url(images/home-texture.jpg) no-repeat top center; width: 1297px; height: 1054px; margin: 0 auto; }
#wrapper { position:relative; z-index: 1; margin: -650px 87px auto auto; width: 1124px;}
#main{width:1124px; padding: 0px 30px 0px 24px;}
#main.fullwidth {width: 1124;}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 1124px; margin: 0 auto; float:left;}
/* 2.2 Navigation */
#navigation {font: 1em Myriad Pro, sans-serif; color: #0dbfe5; height: 45px; margin: -65px auto auto -12px;}
#nav { z-index:99; position: relative; display: block; margin: 10px auto auto 21px; }
#nav li { display: inline; list-style: none; height: 45px; padding-right: 20px; text-decoration:none; }
#nav li a { display: inline; color: #0dbfe5; font-size: .92em; text-decoration:none; }
#btn1b { margin-right: -15px; }
.btn2a { width: 84px; padding-left: 15px; padding-top: 8px; }
.btn2a:hover { background: url(images/home-logo2.png) no-repeat 0 -110px; width: 82px; height:15px; }
#nav li a:hover { color: #fbee7d; }
#nav li { position: relative; }
.menu_body { display:none; position: absolute; left: 10px; top: 23px;}
#nav li ul li { display: block; width: 172px; height: 26px; margin: auto auto auto -20px; }
#nav li ul li a { margin: 10px auto auto 9px;}
#btn2 { background: url(images/home-logo2.png) no-repeat 10px -137px; width: 152px; height: 18px; display:block; padding-left: 17px; padding-top: 8px; }
#btn3, #btn4, #btn5 { background: url(images/home-logo2.png) no-repeat 10px -147px; width: 152px; height: 18px; display:block; padding-left: 17px; }
#btn6 { background: url(images/home-logo2.png) no-repeat 10px -255px; width: 152px; height: 18px; display:block; padding-left: 17px; }
#nav li:hover ul { display: block; }
#nav .current_page a { color: #fbee7d !important;}
/*
#navigation{font: 16px Arial, Helvetica, sans-serif; background: url(images/nav-bg.png) repeat-x top left; height: 42px; }
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } */
/* Woothemes Navigation */
.nav a { position:relative; color:#333 !important; display:block; z-index:100; padding:14px 25px 10px 25px; line-height:18px; text-decoration:none; font-weight: bold;border-right:1px solid #999; }
.nav a:hover,
.nav .current_page_item a,
.nav .current_page_parent a,
.nav .current-menu-ancestor a { color: #000 !important; background: url(images/nav-bg-li.png) no-repeat bottom center; }
.nav .current_page_item li a,
.nav .current_page_parent li a,
.nav .current-menu-ancestor li a { background: none; }
.nav li { float:left; width: auto; padding-right: 20px; }
/* 2.2.1 Drop-down menus */
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator, .nav li ul .sf-sub-indicator { display: none; }
/* 2.3 Header */
#bgvideo { margin: 50px auto auto auto;}
#header{ padding: 41px 0 41px; position:relative;}
#header_graphic { background: url(images/header-graphic.png) center top no-repeat; width:583px; height: 307px; }
#logo { float:left; z-index:99; }
#tagline { z-index:99; margin: 40px auto auto -370px; }
#header-phone { font-size: 1.3em; margin: -3px auto auto auto; float:left; }
#logo img { padding-top: 15px; }
#logoright { z-index:99; background: url(images/home-logo2.png) top center no-repeat; width:249px; height:101px; }
#logo .site-title, #logo .site-description { color: #fff; display:none; }
#logo .site-title a { color:#fff; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#C5E5F5;}
#topad { position: absolute; left: 470px; top:43px;}
.latest_twitter { float: right; width: 450px; background: url(images/twitter-bg.png) no-repeat top left; min-height: 55px; color: #fff; font-size: 12px; line-height: 20px; }
.latest_twitter ul { margin-left: 100px; }
.latest_twitter a { color: #89c4eb; }
/* 2.4 Content */
#page-home { margin-top: -307px; }
#content-home { margin: -307px auto auto auto; }
#content-home-top { background: url(images/home-textbg-top.png) no-repeat top center; height:26px; width: 1122px; margin-top: 300px;}
#content-home-mid { background: url(images/home-textbg-mid.png) repeat-y top center ; width: 1123px; }
#content-home-btm { background: url(images/home-textbg-btm.png) no-repeat top center; height:20px; width: 1124px; }
/* 2.5 Sidebar */
#sidebar {overflow:hidden; width: 150px; margin: 80px 30px auto auto;}
#sidebar .primary a { color: #0dbfe5; text-decoration:none; }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
#sidebar-news { margin: auto auto auto auto; }
#sidebar-pageorange { margin: auto -2px auto 25px; }
/* 2.6 Footer */
#copyright { margin: auto auto auto 10px; }
#credit { margin: auto 10px auto auto; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer-menu { margin: auto auto auto 150px; }
#footer-menu ul li { display: inline; list-style: none; color:#0dbfe5; margin: auto 5px auto;}
#footer-menu ul li a { color:#0dbfe5; text-decoration:none; }
#footer-menu ul li a:hover { color:#fbee7d; }
#counter { float: left; margin: -2px auto auto 75px;}
/* 2.7 Featured */
#homeslide { background: url(images/home-graphics.png) top center no-repeat; width: 1111px; height: 396px; display: block;}
#loopedSlider .container { width:874px; min-height:500px; overflow:hidden; position:relative; cursor:pointer; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides > div { position:absolute; top:0; width:874px; display:none; padding-top: 0px }
/*
* Optional
*/
#loopedSlider { float: left; margin: auto auto auto 150px; width:874px; position:relative; }
#loopedSlider .wrap { margin: -50px auto auto 180px; float: left; }
#loopedSlider ul.pagination { display: none; }
/*#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; top:-100px; right:0px; position: absolute }
#loopedSlider ul.pagination li { float:left; }
#loopedSlider ul.pagination li a { padding:2px 4px; }
#loopedSlider ul.pagination li.active a { background:blue; color:white; }*/
#featured-home { position: relative; margin: -100px auto auto 100px; }
#featured-home .featured-image { float: left; margin:auto 50px auto auto; text-align:center; }
#featured-home .video { float: left; width: 400px; padding: 20px 30px; position:relative; text-align:center; z-index:97; }
#featured-home h2 { font-size:27px; font-weight: bold; line-height: 30px; color: #fff; }
#featured-home p { font-size:18px; color:#c5e5f5; padding-top: 10px; line-height: 24px }
#featured-home span { font-size: 13px; color: #8cc6e4; }
#featured-home h1, #featured-home h2, #featured-home h3, #featured-home h4, #featured-home h5, #featured-home h6 { color: #fff; }
#featured-home .featured-buttons { float: right; margin: auto 350px auto auto; }
#featured-home .featured-buttons #btn-fs-upgrades { background: url(images/home-graphics.png) no-repeat 10px -16px; width: 240px; height: 68px; display:block; }
#featured-home .featured-buttons #btn-fs-upgrades:hover { background: url(images/home-graphics.png) no-repeat 10px -97px; }
#featured-home .featured-buttons #btn-fs-virus { background: url(images/home-graphics.png) no-repeat 10px -337px; width: 361px; height: 68px; display:block; }
#featured-home .featured-buttons #btn-fs-virus:hover { background: url(images/home-graphics.png) no-repeat 10px -415px; }
#featured-home .featured-buttons #btn-fs-data { background: url(images/home-graphics.png) no-repeat 10px -174px; width: 280px; height: 68px; display:block; }
#featured-home .featured-buttons #btn-fs-data:hover { background: url(images/home-graphics.png) no-repeat 10px -251px; }
#featured-home .featured-buttons span { color: #fff; font-size: 15px !important; }
#featured-home span.or { font-family: georgia, serif; font-size: 13px !important; color: #52954d; font-style: italic; background: url(images/or.png) no-repeat 6px center; padding: 20px 18px 20px; }
.featured-intro { padding: 0 0 20px; }
.featured-intro p { font-size: 17px!important}
#main-page1 { margin: auto auto auto 30px; width: 290px; height: 213px;}
#mp1header { background: url(images/home-graphics.png) -10px -495px no-repeat; height: 63px; width: 296px; }
#mp1header h3 { float: right; margin: 20px 22px auto; color: #0dbfe5;}
#mp1-content { width:277px; height: 144px; margin-left: 4px;}
#main-page2 { margin: auto auto auto 85px; width:277; height: 144; }
#mp2header { background: url(images/home-graphics.png) -10px -572px no-repeat; height: 63px; width: 296px; }
#mp2header h3 { float: right; margin: 20px 22px auto; color: #0dbfe5; }
#mp2-content { width:277px; height: 144px; margin-left: 4px; }
#main-page3 { margin: auto 60px auto auto; }
#mp3header { background: url(images/home-graphics.png) -10px -648px no-repeat; height: 56px; width: 296px; }
#mp3header h3 { float: right; margin: 20px 22px auto; color: #0dbfe5;}
#mp3-content { width:277px; /*height: 144px; */ margin-top: 4px; }
#main-page4 { width:700px; min-height: 215px; margin: 80px auto auto 90px;}
#mp4header { background: url(images/home-graphics.png) 20px -705px no-repeat; width: 342px; height: 179px; margin: auto auto auto auto; }
#mp4header h3 { margin: 73px auto auto; float: left; color: #b0b0b0; }
#mp4header h4 { color: #b0b0b0; }
#mp4header h4#name { margin: 10px auto auto auto; }
#mp4header h4#email { margin: 40px -40px auto auto; }
#mp4header h4#message { margin: 70px -40px auto auto; }
#mp4-content { margin: -25px auto auto 15px; font-size: 1.3em; }
#mp4-content input { width: 269px; background-color:#434343; border:none; }
#mp4-content textarea { width: 269px!important; height: 99px!important; background-color: #434343; border:none; }
#mp4-content input.wpcf7-submit { background: url(images/home-graphics.png) -5px -912px no-repeat; width: 280px; height: 34px; border:none; }
#mp4-content input.wpcf7-submit:hover { background: url(images/home-graphics.png) -5px -946px no-repeat; }
.wpcf7-response-output { display:inline!important; float: right!important; margin: 0px auto auto -310px!important;}
#mini-features { background: url(images/content-bg.png) repeat; border-left: 1px solid #dcd9c1; border-right: 1px solid #dcd9c1; padding-bottom: 20px; border-bottom: 2px solid #cfccb6; }
#mini-features .block { width:280px; float:left; margin: 25px 20px 0px 20px; display: inline; }
#mini-features h3 { font-size:19px; padding-bottom:10px; font-weight: bold; color: #292a26; line-height: 30px;display: inline }
#mini-features p { font-size: 13px; color: #545650; line-height: 24px; margin-bottom:1em;}
#mini-features .home-icon { float: left; padding-right: 15px; margin-top: -2px; }
#mini-features a { }
.more-features { width: 590px; background: url(images/hr.png) repeat-x bottom left; padding: 23px 25px; font-size: 13px; color: #817f70; height: 20px;}
a.btn-feat { background: url(images/btn-feat-btm.png) no-repeat scroll top right; display: block; float: right; height: 30px; color: #1d1d1d !important; font-weight: bold; padding-right: 20px; margin-top: -29px; }
a.btn-feat span { float:left; background: url(images/btn-feat-head.png) no-repeat; display: block; line-height: 30px; padding: 0px 10px 0px 30px;}
.btn-feat:hover { cursor:pointer; }
#home-quote { margin: 80px auto auto 30px; width: 290px; height: 174px; }
#quote-mark { background: url(images/home-graphics.png) -5px -881px no-repeat; width: 44px; height: 29px; }
#home-quote p { margin: 10px auto auto 50px; font-size: 1.3em; }
#home-quote cite { float: right; font-size: 1.3em; }
.quotes { background: url(images/quote-bg.png) no-repeat top left; font-size: 12px; margin-top: 30px; padding-bottom:50px;}
.quotes .quote { padding: 25px 60px 15px; }
.quotes a { color: #4a883b; font-weight: bold; }
.quotes blockquote { font-family: georgia, serif; font-style: italic; font-size: 15px; color: #363832; line-height: 18px; padding-bottom: 10px; }
.quote-bot { background: url(images/quote-bot.png) no-repeat top left; width: 637px; height: 13px; }
#featured { height: 87px; background: #ece9d2 url(images/page-bg.png) no-repeat top left; position: relative; padding-top: 25px; }
/*ABOUT US PAGE*/
#about-third { background: url(images/about-us-third.png) 0 -215px no-repeat; width: 1058px; height: 45px; margin: -20px auto auto 20px; }
#about-top { background: url(images/about-us-bgtop.png) no-repeat top center; width: 961px; height: 28px; }
#about-mid { background: url(images/about-us-bgmid.png) repeat-y top center; width: 954px; margin: auto auto auto -1px; }
#about-btm { background: url(images/about-us-bgbtm.png) no-repeat top center; width: 962px; height: 19px; }
#about-main { margin: auto auto auto 65px; }
#about-content { margin: auto auto auto 20px; min-height:100%; width: 915px; }
/*SUPPORT PAGE*/
#content-support-mid { background: url(images/home-textbg-mid.png) repeat-y top center ; width: 1123px; height: 620px; }
#support-main { background: url(images/support-graphics.png) 0 -200px no-repeat; width: 1100px; height: 520px; margin: -90px auto auto 15px;}
#support-content { float: left; margin: -475px auto auto auto; }
#support-text { z-index: 99; margin: 350px 530px auto auto; width: 260px; height: 246px; }
#support-text p { text-align:right; }
#support-comment { margin: auto auto 10px;}
#support-main input { width: 269px; background-color:#434343; border:none; }
#support-main textarea { width: 433px!important; height: 283px!important; background-color: #434343; border:none; margin: auto auto auto -25px;}
#support-main input.wpcf7-submit { background: url(images/support-graphics.png) -578px -757px no-repeat; width: 451px; height: 71px; border:none; margin: auto auto auto 575px; }
#support-main input.wpcf7-submit:hover { background: url(images/support-graphics.png) -578px -829px no-repeat; }
.wpcf7-form { margin: 21px auto auto auto; }
.wpcf7-form p { margin: auto auto 10px auto; }
#support-main span.wpcf7-form-control-wrap.your-name { margin: auto auto auto 250px; }
#support-main span.wpcf7-form-control-wrap.your-name input { width: 440px; }
#support-main span.wpcf7-form-control-wrap.your-email { margin: auto auto auto 340px; }
#support-main span.wpcf7-form-control-wrap.your-email input { width: 430px; }
#support-main span.wpcf7-form-control-wrap.your-subject { margin: auto auto auto 460px; }
#support-main span.wpcf7-form-control-wrap.your-subject input { width: 430px; }
#support-main span.wpcf7-form-control-wrap.your-message { margin: auto auto auto 602px; }
/*PAGE*/
#page-content { width: 677px; margin: 10px auto auto auto; }
#services-home-btm { background: url(images/services-textbg-btm.png) 0 9px no-repeat; height:30px; width: 1124px; margin: auto auto 10px; }
/*PAGE BLUE*/
#pageblue-title { width: 1100px; height: 120px; margin: auto auto auto auto;}
#pageblue-main { margin: auto auto auto 30px; }
#pageblue-titleupgrade { background: url(images/services-graphics.png) no-repeat 0 -580px; width: 1100px; height: 70px; margin: auto auto 10px auto;}
#pageblue-titlehome { background: url(images/services-graphics.png) no-repeat 0 -662px; width: 1100px; height: 70px; margin: auto auto auto auto;}
#pageblue-content { width: 677px; margin: 100px auto auto auto; }
#pageblue-extra { width:411px; margin: auto 10px auto auto; }
#sidebar-pageblue { margin: auto 30px auto auto; }
/*PAGE ORANGE*/
#pageorange-main { margin: auto auto auto 30px; }
#pageorange-titledata { background: url(images/services-graphics.png) no-repeat 0 -1278px; width: 1100px; height: 70px; margin: auto auto auto auto;}
#pageorange-titlenet { background: url(images/services-graphics.png) no-repeat 0 -1130px; width: 1100px; height: 120px; margin: auto auto auto auto;}
#pageorange-titlevirus { background: url(images/services-graphics.png) no-repeat 0 -1375px; width: 1100px; height: 120px; margin: auto auto auto auto;}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb { margin-bottom:1em;}
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 5px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
#news-header { background: url(images/news-graphics.png) 0 -215px no-repeat; width: 1058px; height: 45px; margin: -20px auto auto 20px; }
#news-content { background: url(images/news-graphics.png) 8px -280px no-repeat; width: 850px; min-height: 445px; margin: 5px auto auto 45px; }
.section { margin: 60px auto auto 20px; }
.post { width: 370px; height: 300px; float: left; margin: auto 40px auto auto; }
.title { float:left; }
.post-meta { margin: auto 14px 5px auto; font:11px/11px 'georgia' serif; text-transform:uppercase; float: right; }
.post-meta a { font-weight: normal; font-style: italic; }
.post-meta .comments a { padding: 0 0 0 20px; font-weight: bold; }
.post-meta .small{text-transform:lowercase;}
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.title-break { background: url(images/news-graphics.png) 9px -264px no-repeat; width: 372px; height: 16px; float: left; margin: auto auto auto -18px; }
.post-more { clear:both; padding:10px 0; font:13px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; font-weight: bold; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;clear:both;margin-bottom:20px;}
.social { float: right; margin: -28px 10px auto auto; }
.entry { float: left;}
.entry a { color:#0dbfe5!important; text-decoration:none;}
.entry a:hover { color:#fbee7d!important; }
/* 3.1 Post Single */
.post-single { width: 520px; height: 100%; float: left; margin: auto auto auto 140px; float: left; }
.section-single { margin: 60px auto auto 20px; float: left;}
.title-break-single { background: url(images/post-break-single.png) top center no-repeat; width: 520px; height: 10px; float: left; margin: auto auto auto -2px; }
.entry-single {margin: auto auto 6px auto; float: left; }
/* 3.2 Comments */
#respond-comments { float:left; margin: auto auto auto 155px; }
#comments {margin: auto auto auto; }
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { }
#comments .comment.thread-odd { background: #444444; border:1px solid #434343; }
.perma a { color:#0dbfe5 !important; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px; width: 520px;}
#comments .comment-head { margin: 0 0 15px 0; }
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }
#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e1dec6; }
#comments .cancel-comment-reply{margin:50px auto auto; float: left;}
#comments .cancel-comment-reply a {color:#0dbfe5 !important; }
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 3.3 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { color:#292a2b; font-weight:normal; margin-bottom:20px;}
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#respond h4 {background: url(images/blog-graphics.png) -1px 5px no-repeat; width:269px; height: 135px; }
#commentform { margin: -97px 0 0 0; width: 520px; }
#commentform p {float: right; margin: auto auto 5px auto; }
#commentform p a { color:#0dbfe5; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border:none}
#commentform input.txt { color:#e5e5e5; background: #444444; width: 200px; ; }
#commentform textarea { color:#e5e5e5; background: #444444; width: 200px; height:100px; border:none}
#commentform #submit { margin: 120px -260px 0 0; float: right; }
.submit { background: url(images/blog-graphics.png) 0 -165px no-repeat; width: 215px; height: 34px; color: #1d1d1d !important; font-weight: bold; padding: 7px 34px 8px; margin-left: 5px; border: 0px;}
.submit:hover { background: url(images/blog-graphics.png) 0 -131px no-repeat; }
.reply a { background: url(images/btn-reply.png) no-repeat top left; font-size: 10px; padding: 6px 6px; text-transform:uppercase; color: #63665e !important; font-weight: bold;}
/* 3.4 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/* 3.5 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:1.8em 0 0.8em; }
.entry p { margin-bottom: 1.5em; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: disc; line-height: 24px;}
.entry ul ul li { list-style-type: circle; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: decimal; line-height: 24px;}
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.6 Images */
.entry img, img.thumbnail { padding: 5px; border-top: 1px solid #ECE9D2; border-left: 1px solid #ECE9D2; border-right: 1px solid #DCD9C1; border-bottom: 2px solid #DCD9C1; background:#fff; }
.entry img:hover, img.thumbnail:hover { padding: 5px; border-right: 1px solid #A8AA99; border-bottom: 2px solid #A8AA99; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 3px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 3px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
/* 3.7 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:14px; padding:10px 15px;}
.nav-entries a { display: block; font: italic 12px/16px arial, helvetica, san-serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi { margin: 0 !important; text-align: center !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #fafafa !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #e6e6e6 !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #f0f0f0 !important; border:1px solid #ddd !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; font-size:12px; left; padding-bottom: 5px; }
.widget h3 { margin: 0 0 5px 0; padding:0 0 15px; font: bold 17px Arial, Helvetica, sans-serif; color:#b0b0b0; }
.widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }
.widget ul { clear:both; list-style-type: none;}
.widget ul li { display: block; padding: 5px 0px 5px 0px; background: url(images/ico-arrow.png) no-repeat left; padding-left: 5px; }
.widget ul li a { color:#0dbfe5; padding: 0 0 0 5px; line-height: 22px; text-decoration: none; margin-left: 10px; }
.widget ul li a:hover { color: #fbee7d; text-decoration:underline; }
.widget ul ul { padding: 0px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#tagcloud a { color: #0dbfe5; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.searchform { }
.widget input.s { float:left; width: 90%; padding: 8px 0 8px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:left; }
.widget input.submit { background: url(images/btn-search.png) no-repeat top left; color: #1d1d1d !important; font-weight: bold; padding: 7px 34px 8px; border: 0px !important; font-size: 12px; margin-left: 0px; margin-top: 5px; margin-bottom: 20px; }
.widget_recent_entries ul li { background: url(images/ico-article.png) no-repeat left !important; }
.widget_recent_entries li a { margin-left: 10px; }
.widget_recent_comments li { background: none !important; }
/* NETWORK */
.widget ul li.soc-rss { background: url(images/rss-large.png) no-repeat right; padding: 15px 0px;}
.widget ul li.soc-rss a { font: bold 17px Arial, Helvetica, sans-serif; color:#292a2b; margin: 0; padding: 0 0 0 3px;}
.widget ul li.soc-rss span { color: #9d9a86; }
.widget ul li.soc-twit { background: url(images/twitter-large.png) no-repeat right; padding: 15px 0px;}
.widget ul li.soc-twit a { font: bold 17px Arial, Helvetica, sans-serif; color:#292a2b; margin: 0; padding: 0 0 0 3px;}
.widget ul li.soc-twit span { color: #9d9a86; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: inline; border-right: 1px solid #DCD9C1; border-bottom: 2px solid #DCD9C1; background:#fff; padding: 5px;}
.widget_woo_flickr a:hover img { border-right: 1px solid #A8AA99; border-bottom: 2px solid #A8AA99;}
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border-right: 1px solid #DCD9C1; border-bottom: 2px solid #DCD9C1; background:#fff; }
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* Twitter Widget */
.widget_woo_twitter ul li { background: none !important; }
.widget_woo_twitter ul li a { margin-left: 0px !important; padding: 0px !important; }
/* 4.3 WooTabs */
#tabs { background:#e6e6e6; height:auto; display: block; padding:5px; margin-bottom:30px; }
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#F8F8F8; text-decoration:none; }
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabs .inside { background:#F8F8F8; padding:5px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 12px/18px Georgia, serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
.button, .button:visited, { font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer;}
.button, .button:visited { background-color:#555; }
.button:hover { color: #2a2a2a !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px !important; }
.small.button, .small.button:visited { font-size: 12px; padding: 6px 9px; text-transform:uppercase; color: #63665e !important; border: 1px solid #c3c0a6 !important;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px !important; font-weight: bold; line-height: 1; margin-top: 10px; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;border-color: #c6c4ae #e1dec6 #e1dec6 #c6c4ae; border-width:1px; border-style:solid;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px; border-color: #c6c4ae #e1dec6 #e1dec6 #c6c4ae; border-width:1px; border-style:solid;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
/* 6.5 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { }
h3.archive_year { font: bold 20px Arial, Helvetica, sans-serif; color:#555; }
#archives .archives_list { border-left:4px solid #DCD9C1; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; display: inline-block; vertical-align: top;}
#archives .archives_list .linked { width: 320px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 80px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments a { color: #808080; font-size: 12px; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
/* 6.6 Pricing table */
table.pricing { margin-bottom: 20px; }
.grey-title { width: 160px; border: 1px solid #d4d4d4; background: #E9E9E9; padding: 8px 10px; font-weight: bold; text-align: right; }
.grey { border: 1px solid #d4d4d4; background: #f4f4f4; padding: 8px 10px; text-align: right; }
.cream-title { width: 220px; border: 1px solid #dcd9c1; background: #ECE9D2; font-weight: bold; text-align: center; }
.cream { border: 1px solid #dcd9c1; background: #f7f4dc; padding: 8px 10px; text-align: center; }
.cream-but { border: 1px solid #dcd9c1; background: #f7f4dc; padding-top: 20px; padding-bottom: 20px; text-align: center; height: 30px; }
.beige-title { width: 220px; border: 1px solid #c4c2ae; background: #dcd9c1; font-weight: bold; text-align: center; }
.beige { border: 1px solid #c4c2ae; background: #e8e5cc; padding: 8px 10px; text-align: center;}
.beige-but { border: 1px solid #c4c2ae; background: #e8e5cc; padding-top: 20px; padding-bottom: 20px; text-align: center; height: 30px; }
table.pricing .button, table.pricing .button:visited { background: #3b8729 url(images/alert-overlay.png); padding: 8px 25px 8px 25px;}
table.pricing span { color: #fff; font-size: 15px !important; }